Flash：多層次視覺變化效果

結果預覽


請依照下列步驟進行：

(一) 練習檔案預備
1. 請下載已初步完成之練習檔 [layermove.zip]
2. 解壓後在 Flash CS5 中開啟

(二) 事先準備
1. 畫面大小為 600x250
2. 背景圖檔，分別為後景、中景及前景
3. 將各元件佈置在各自的圖層
4. 另有音樂檔案
(完成檔案 layermove1.fla)

(三) 練習單一物件隨滑鼠移動的程式
1. 設定一圖層內的元件，注意註冊點在中央位置
2. 設定實體名稱 (obj)
3. 增加程式圖層，撰寫程式
===========================================

stage.addEventListener(Event.ENTER_FRAME,moveaa);

function moveaa(me:Event)
{
   obj.x += (obj.mouseX)/2;
   obj.y += (obj.mouseY)/8;

   if (obj.x<10)
   {
      obj.x=100;
   }
   if (obj.x>500)
   {
      obj.x=500;
   }
   if (obj.y<200)
   {
      obj.y=200;
   }
   if (obj.y>300)
   {
      obj.y=300;
   }
}

===========================================

(四) 處理廢墟各圖層的表現方式
1. 先規劃各圖層移動的範圍
(1) 後景：中央 (430,250)；X範圍 (100~500)；Y範圍(260~280)
(2) 中景：中央 (425,195)；X範圍 (180~420)；Y範圍(180~200)
(3) 前景：中央 (190,165)；X範圍 (100~500)；Y範圍(180~200)
2. 將各個物件的實體名稱定義好 (ruin1, ruin2, ruin3)
3. 撰寫程式
(完成檔案 layermove2.fla)

教材參考：Flash ActionScript 3.0 範例應用20 (松崗)